<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>牛播厅</title>
    <link href="css/main.css" type="text/css" rel="stylesheet" />
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
</head>
<body id="nbt">
<div class="container" >
    <div class="at_top_bg">
        <div id="at_top_title" class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper" >
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
                <div class="swiper-slide">
                    <img src="tmp/bg_banner.jpg"/>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                <span class="swiper-pagination-bullet"></span>
                <span class="swiper-pagination-bullet"></span>
                <span class="swiper-pagination-bullet"></span>
            </div>
        </div>
    </div>
    <!--<ul class="tab_ggzylb clearfix">
        <li >
            实体广告
        </li>
        <li class="active">
            互联网广告
        </li>
    </ul>-->
    <a class="nbt-bnr">
        <img src="images/nbt-bnr.png" >
    </a>
    <div class="nbtList">
        <div class="daily-goods">
            <ul class="daily-goods-cont">
                <li data-type="name_0" class="xuanzhong">全部</li>
                <li data-type="name_1">出租车LED</li>
                <li data-type="name_2">公交车车身广告</li>
                <li data-type="name_3">户外大牌</li>
                <li data-type="name_4">其他分类</li>
                <li data-type="name_5">其他分类</li>
                <li data-type="name_3">其他分类</li>
                <li data-type="name_4">其他分类</li>
                <li data-type="name_5">其他分类</li>
            </ul>
        </div>
        <div class="daily-detail">
            <div  class="daily-detailList ">
                <div class="dd_r_top_shoucang active">
                    收藏
                </div>
                <a class="dd_detail clearfix">
                     <div class="dd_detail_left fl">
                         <img src="tmp/vvvxxc.png"/>
                     </div>
                     <div class="dd_detail_right fl">
                         <h3 class="dd_r_top clearfix">
                             米芝莲苏宁广场店

                         </h3>
                         <div class="dd_r_center">
                             饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购
                         </div>
                        <!-- <div class="dd_r_bottom clearfix">
                             <span class="icon_juan fl">劵</span>
                             <span class="icon_money fl">5元代金劵</span>
                             <span class="icon_state fl">进店</span>
                         </div>-->
                     </div>
                </a>
                <div class="panel">
                    <span class="look">500</span>
                    <span class="comment">254</span>
                    <span class="like act">560</span>

                </div>
            </div>
            <div  class="daily-detailList ">
                <div class="dd_r_top_shoucang">
                    收藏
                </div>
                <a class="dd_detail clearfix">

                    <div class="dd_detail_right fl">
                        <h3 class="dd_r_top clearfix">
                            米芝莲苏宁广场店米芝莲苏宁广场店米芝莲苏宁广场店

                        </h3>
                        <div class="dd_r_center">
                            饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购饿了就吃米芝莲,苏宁广场开业大酬宾欢迎抢购
                        </div>
                        <!--<div class="dd_r_bottom clearfix">
                            <span class="icon_juan fl">劵</span>
                            <span class="icon_money fl">5元代金劵</span>
                            <span class="icon_state fl">进店</span>
                        </div>-->
                    </div>
                </a>
                <div class="panel">
                    <span class="look">500</span>
                    <span class="comment">254</span>
                    <span class="like">560</span>

                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/rem.js"></script>
<script src="js/jquery.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script>
    $(function(){
        $(".title_center span").click(function(){
            $(".title_center span").removeClass("click_active");
            $(this).addClass("click_active");
        })

        $(".daily-goods-cont li").click(function(){
            $(".daily-goods-cont li").removeClass("xuanzhong");
            $(this).addClass("xuanzhong")
        })
        $(".tab_ggzylb li").click(function(){
            $(".tab_ggzylb li").removeClass("active");
            $(this).addClass("active");

        })
        $(".dd_r_top_shoucang").click(function(){
            if($(this).hasClass("active_sc")){
                $(this).removeClass("active_sc");
                $(this).text("收藏")
            }else{
                $(this).addClass("active_sc");
                $(this).text("已收藏")
            }
        })

    })
    $(document).ready(function () {
        var timer=null;
        var bannerSwiper = new Swiper('#at_top_title', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplayDisableOnInteraction : false,
            loop:true
        });
        /*头条滚动*/
        var newSwipers = new Swiper('#news', {
            autoplayDisableOnInteraction : false,
            direction : 'vertical',
            /*无限轮播*/
//          autoplayDisableOnInteraction: false,
            autoplay :1000,
            loop:true
        });

    })
</script>
</body>
</html>